<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    {block name="title"}
    <title>开发文档</title>
    <meta name="title" content="thinkeasyadmin">
    <meta name="keywords" content="php,后台开发包，thinkphp、easyadmin、admin,easy,thinkeasyadmin">
    <meta name="description" content="灵活可定制的thinkphp的后台开发工具包,助你快速开发后台">
    {/block}
    <link rel="stylesheet" href="/layui-v2.5.7/css/layui.css">
    <link rel="stylesheet" href="/highlight/styles/atom-one-light.css">
    <style>
        body {padding-top: 60px;}
        h2, p, div, legend {font-family: "微软雅黑", "Sans Mono", "Consolas", "Courier", monospace;}
        .left {float: left;min-width: 200px;height: calc(100vh - 60px);padding: 0;position: fixed;top: 60px;overflow-y: auto;z-index: 88;background-color: #393D49;}
        .right {margin-left: 200px;padding: 30px 60px;border-left: 1px solid #cccccc;overflow-y: auto;}
        header {box-shadow: 0 0 3px #f2f2f2;position: fixed;width: 100%;z-index: 99;top: 0;}
        code {color: #FD482C;padding: 0 3px;}
        .right {position: relative;}
        .right a {color: #01AAED;}
        .right-menu {background-color: #FFFFFF;width: 180px;border: 1px solid #e2e2e2;position: fixed;top: 90px;right: 62px;z-index: 999;}
        @media screen and (max-width: 1668px) {  .right-menu {display: none;}  }
        .right-menu a {display: inline-block;width: 100%;padding: 10px 20px;box-sizing: border-box;color: #333333;background-color: #FFFFFF;}
        .right-menu a:hover, .right-menu a.active {background-color: #e2e2e2;color: #009688;}
        img {width: 100%;margin: 10px 0;}
        .layui-elem-field {margin-bottom: 60px;}
        .layui-field-title {margin: 40px 0;}
        .menu li.layui-this {background-color: #009688;}
        .menu li.layui-this a {color: #ffffff;}
        p {line-height: 1.8em;margin-bottom: 10px;}
        pre {margin-top: 10px !important;margin-bottom: 40px !important;line-height: 1.5em;}
        img {cursor: zoom-in;}
        .layui-icon-top {position: fixed;bottom: 80px;right: 30px;font-size: 45px;background-color: rgba(0, 0, 0, .35);color: #ffffff;padding: 3px;cursor: pointer;display: none;}
        .layui-icon-top:hover {font-weight: bold;}
        /* for block of numbers */
        .hljs-ln-numbers {-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;text-align: center;color: #ccc;border-right: 1px solid #CCC;vertical-align: top;}
        .hljs-ln td.hljs-ln-numbers {padding: 0 10px 0 5px !important;;}
        .hljs-ln td.hljs-ln-code {padding-left: 15px;}
        .hljs-ln td.hljs-ln-code, code {padding-left: 15px;font-family: "Sans Mono", "Consolas", "Courier", monospace;}
        h2 {margin-bottom: 10px;}
        small {font-size: .8em;color: #888888;}
        pre table tr td {border-style: unset !important;}
        tr.comm-params {display: none;}
        .center {text-align: center;}
        header {display: flex;flex-direction: row;}
        .logo {width: 50px;height: 50px;margin: 5px 0 0 15px;border-radius: 50%;}
        .layui-nav {padding-left: 0;}
        footer{display: flex;flex-direction: row;}
        footer .about{width: 300px;}
    </style>
    <script>
        var _hmt = _hmt || [];
        (function () {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?50addb2162eb380d25356e4ec41062a7";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>

</head>
<body>
<header class="layui-bg-black">
    <img class="logo" src="/intro/400x400@50x10.png" alt="ThinkEasyAdmin">
    <ul class="layui-nav" lay-filter="">
        <li class="layui-nav-item">
            <a style="font-size: 28px;color: #FFFFFF;" href="{:url('index')}">ThinkEasyAdmin</a>
        </li>
        <li class="layui-nav-item">
            <a target="_blank" href="https://gitee.com/wsh255/thinkeasyadmin.git">gitee</a>
        </li>
        <li class="layui-nav-item">
            <a target="_blank" href="https://github.com/wanshihong/thinkeasyadmin.git">gitHub</a>
        </li>
        <li class="layui-nav-item">
            <a target="_blank" href="{:url('admin/index/index')}">示例页面</a>
        </li>
        <li class="layui-nav-item">
            <a target="_blank" href="https://gitee.com/wsh255/restaurant">示例代码</a>
        </li>
        <li class="layui-nav-item">
            <a target="_blank" href="https://space.bilibili.com/511859166/channel/detail?cid=174221">
                视频教程
            </a>
        </li>
    </ul>

</header>


<div class="layui-row">
    <div class="left">
        <ul class="layui-nav layui-nav-tree" lay-shrink="all" lay-filter="test">
            <li class="layui-nav-item">
                <a href="javascript:">快速开始</a>
                <dl class="layui-nav-child">
                    <dd><a href="{:url('intro')}">项目介绍</a></dd>
                    <dd><a href="{:url('index')}">安装使用</a></dd>
                    <dd><a href="{:url('login')}">登录注册</a></dd>
                    <dd><a href="{:url('role')}">权限控制</a></dd>
                </dl>
            </li>
            <li class="layui-nav-item">
                <a href="javascript:">列表页面</a>
                <dl class="layui-nav-child">
                    <dd><a href="{:url('lists')}">列表配置</a></dd>
                    <dd><a href="{:url('list_field')}">列表字段</a></dd>
                    <dd><a href="{:url('lists_filter')}">过滤器</a></dd>
                    <dd><a href="{:url('lists_join')}">join 关联查询</a></dd>
                    <dd><a href="{:url('lists_page')}">分页</a></dd>
                    <dd><a href="{:url('soft_delete')}">使用软删除</a></dd>
                    <dd><a href="{:url('list_edit')}">行内编辑</a></dd>
                    <dd><a href="{:url('list_query')}">自定义查询</a></dd>
                    <dd><a href="{:url('order')}">排序</a></dd>
                    <dd><a href="{:url('hide_filed')}">隐藏字段</a></dd>
                </dl>
            </li>
            <li class="layui-nav-item">
                <a href="javascript:">表单页面 </a>
                <dl class="layui-nav-child">
                    <dd><a href="{:url('form_add_field')}">表单配置</a></dd>
                    <dd><a href="{:url('form_field')}">表单字段</a></dd>
                    <dd><a href="{:url('verify')}">表单验证</a></dd>
                </dl>
            </li>
            <li class="layui-nav-item">
                <a href="javascript:">详情页面</a>
                <dl class="layui-nav-child">
                    <dd><a href="{:url('show')}">页面配置</a></dd>
                    <dd><a href="{:url('show_join')}">join</a></dd>
                </dl>
            </li>

            <li class="layui-nav-item">
                <a href="javascript:">其他</a>
                <dl class="layui-nav-child">
                    <dd><a href="{:url('template_extend')}">自定义模板(重要)</a></dd>
                    <dd><a href="{:url('assign')}">赋值到页面</a></dd>
                    <dd><a href="{:url('custom_field')}">自定义字段</a></dd>
                    <dd><a href="{:url('btn')}">操作按钮</a></dd>
                    <dd><a href="{:url('nav')}">导航</a></dd>
                    <dd><a href="{:url('breadcrumb')}">面包屑</a></dd>
                    <dd><a href="{:url('add_resources')}">资源管理</a></dd>
                    <dd><a href="{:url('custom_page')}">自定义页面</a></dd>
                </dl>
            </li>
        </ul>
    </div>
    <div class="right">
        {block name="main"}{/block}
        <footer>
            <div class="about">
                <p>交流QQ群: 583161908</p>
                <p>BUG反馈、意见建议、问题交流等</p>
            </div>
            <div>
                <p>友情链接:</p>
                <p>
                    <a href="http://www.thinkphp.cn/">thinkphp</a>
                    <a href="https://www.uviewui.com/">uView</a>
                    <a href="https://www.layui.com/">layui</a>
                </p>
            </div>
        </footer>
    </div>

</div>


<i class="layui-icon layui-icon-top"></i>

<script src="/layui-v2.5.7/layui.js"></script>
<script src="/highlight/highlight.pack.js"></script>
<script src="/highlight/highlightjs-line-numbers.min.js"></script>
<script>
    hljs.initLineNumbersOnLoad();
    document.addEventListener('DOMContentLoaded', (event) => {
        document.querySelectorAll('pre').forEach((block) => {
            hljs.highlightBlock(block);
            hljs.lineNumbersBlock(block);
        });
    });

    layui.use(['element', 'jquery', 'layer'], function () {
        let $ = layui.jquery;
        let layer = layui.layer;

        //显示隐藏 返回顶部
        $(window).scroll(function () {
            if ($(window).scrollTop() > 100) {
                $(".layui-icon-top").fadeIn(200);
            } else {
                $(".layui-icon-top").fadeOut(200);
            }
        });

        $(".layui-icon-top").click(function () {
            $('body,html').animate({
                scrollTop: 0
            }, 500);
            return false;
        });


        //主菜单的选中逻辑
        let menuBox = $('.left');
        menuBox.find('li').removeClass('layui-this');
        let isFindMenu = false;
        menuBox.find('a').each(function () {
            let url = $(this).attr('href');
            if (url) {
                let addr = window.location.pathname + window.location.hash;
                if (url === addr) {
                    isFindMenu = true;
                    $(this).closest('dd').addClass('layui-this').closest('li').addClass('layui-nav-itemed');
                }
            }
        }).click(function () {
            menuBox.find('dd').removeClass('layui-this');
            $(this).closest('dd').addClass('layui-this');
        }).each(function () {
            if (isFindMenu) return;
            let url = $(this).attr('href');
            let pathname = window.location.pathname;
            if (url && pathname !== '/') {
                let reg = new RegExp(pathname, 'igm');
                if (reg.test(url)) {
                    $(this).closest('dd').addClass('layui-this');
                }
            }
        });

        //点击右边导航
        $('.right-menu').find('a').click(function () {
            $('.right-menu').find('a').removeClass('active');
            $(this).addClass('active');
        })

        //点击图片 查看大图
        $('img').click(function () {
            let src = $(this).attr('src');
            layer.open({
                type: 1,
                title: false,
                area: ['100vw', '100vh'],
                shade: '0.35',
                offset: 'auto',
                content: `<div style="width: 100%;height: 100%;background-color: rgba(0,0,0,.35);display: flex;justify-content: center;align-items: center">
                            <img style="border-radius: 4px;max-width: 98%;max-height: 98%;" src="${src}" alt="查看大图"/>
                       </div>`,
                success: function (layero, index) {
                    $(layero).css({
                        background: 'rgba(0,0,0,.35)'
                    })
                    $(layero).find('.layui-layer-close').css({
                        top: '0',
                        right: '0',
                    })
                }
            });
        });


        $(".right-menu a").click(function () {
            $("html,body").animate({scrollTop: $($(this).attr("href")).offset().top + "px"}, 500);
        });


        $('.comm-params-control').click(function () {
            $(this).closest('table').find('.comm-params').toggle();
            console.log(1);
        });

    });
</script>
{block name="body_js"}{/block}
</body>
</html>
